/* pages/addPics/addPics.wxss */
#Page {
    /*background: #333;*/
}

.loading {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    /* display: none */
}

.flex-box {
    white-space: nowrap;
}

.scroll-item {
    width: 40vw;
}

.scroll-item img {
    width: 40vw;
    height: 60vw;
}

.scroll-item img {
    background: #FFF;
}

.scroll-item {
    /*padding: 3vw;*/
    /*margin: 2vw;*/
    display: inline-block;
    position: relative;
}

.scroll-item .pic-box {
    position: relative;
}

.scroll-item .options {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99;
}

.btn {
    padding: 2vw 2vw;
}

.filter {
    width: 20vw;
    height: auto;
    position: relative;
    margin: 0 1.25vw 2.5vw 1.25vw;

}

.filter img {
    width: 20vw;
    height: 20vw;

}

.image-grayscale image {
    filter: grayscale(100%)
}

.image-saturate image {
    filter: saturate(360%)
}

.image-sepia image {
    filter: sepia(100%)
}

.image-invert image {
    filter: invert(100%)
}

.image-opacity image {
    filter: opacity(50%)
}

.image-brightness image {
    filter: brightness(120%)
}

.image-contrast image {
    filter: contrast(160%)
}

.image-hue-rotate image {
    filter: hue-rotate(160deg)
}

.image-blur image {
    filter: blur(2px)
}

.image-grayscale {
    filter: grayscale(100%)
}

.image-saturate {
    filter: saturate(360%)
}

.image-sepia {
    filter: sepia(100%)
}

.image-invert {
    filter: invert(100%)
}

.image-opacity {
    filter: opacity(50%)
}

.image-brightness {
    filter: brightness(120%)
}

.image-contrast {
    filter: contrast(160%)
}

.image-hue-rotate {
    filter: hue-rotate(160deg)
}

.image-blur {
    filter: blur(2px)
}

.size {
    width: 25vw;
    /*height: 15vw;*/
    display: inline-block;
    padding: 3vw 3vw;
}

.size img {
    width: 25vw;
    height: 15vw;
}

.picNumSet {
    border: none;
    padding: 5px;
    margin: 0;
    width: 3em;
    border-bottom: 1px solid #999;
}

/**水印相关设置*/
.mark {
    position: absolute;
    font-size: 8px;
}

.mark.pos0 {
    left: 2vw;
    bottom: 2vw;
}

.mark.pos1 {
    right: 2vw;
    bottom: 2vw;
}

.mark.pos2 {
    left: 2vw;
    top: 2vw;
}

.mark.pos3 {
    right: 2vw;
    top: 2vw;
}

.mark.rote0 {
    transform: rotate(90deg);
}

.mark.rote1 {
    transform: rotate(180deg);
}

.mark.rote2 {
    transform: rotate(270deg);
}

.mark.rote3 {
    transform: rotate(0deg);
}

.placeholder {
    visibility: hidden;
}

#editOne {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    /*display: none;*/
    background: #FFF;
}
#editOne .previewImg{
    width: 60vw;
    height: auto;
    min-height: 60vw;
}
#editOne .edit{
    width: 95vw;
    height: 90vh;
    margin: 2.5vw auto;
}
#editOne .edit img{
    max-width: 100%;
    max-height: 100%;
}
#editOne .tool{
    width: 100vw;
    height: 10vh;
}
#corp {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    /*display: none;*/
    background: #FFF;
}
#corp .previewImg{
    width: 60vw;
    height: auto;
    min-height: 60vw;
}
#corp .edit{
    width: 100vw;
    height: 90vh;
}
#corp .tool{
    width: 100vw;
    height: 10vh;
}




.filterBox{

    z-index: 999999;
    position: absolute;
    /* width: 100%; */
    /* height: 110rpx; */
    background: #FFF;
    bottom: 0;
    left: 0;
}



#check{
    background: #FFF;
    width: 100vw;
    height: 100vh;
    padding: 2.5vh 5vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    overflow-y: scroll;
    /*display: none;*/
}
/* pages/selectBackPic/selectBackPic.wxss */
#check .oneProdut,#check .oneProdut img{
    width: 28vw;
    /* height: 60vw; */
    margin: 0 auto;
}